html,
body {
    width: 100%;
    height: 100%;

    .dengluyeWrap {
        width: 100%;
        height: 100%;
        background: url(../image/denglu/bg.png) no-repeat;
        background-size: 100% 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .centerWrap {
            width: 50%;
            height: 60%;
            // background: pink;
            // border: .0125rem solid pink;
            margin: 0 auto 0;
            display: flex;
            flex-direction: column;
            // justify-content: center;
            align-items: flex-start;

            h2 {
                width: 100%;
                // border: .0125rem solid blue;
                font-size: .6rem;
                color: #0cf0ff;
                text-align: center;
                letter-spacing: .125rem;
            }

            .centerBg {
                width: 80%;
                height: 80%;
                // border: .0125rem solid blue;
                margin: .375rem auto 0;
                background: url(../image/denglu/kuang.png) no-repeat;
                background-size: 100% 100%;

                h3 {
                    width: 100%;
                    height: 1.4rem;
                    line-height: 1.4rem;
                    font-size: .35rem;
                    color: #0cf0ff;
                    text-align: center;
                    // border: .0125rem solid blue;
                }

                .centerUlBg {
                    width: 90%;
                    height: 68%;
                    // border: .0125rem solid pink;
                    margin: 0 auto 0;

                    & li:nth-child(1) {
                        width: 90%;
                        height: 1rem;
                        background: rgba(91, 192, 221, 0.2);
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        border: .0125rem solid #0cf0ff;
                        margin: 0 auto;

                        & p:nth-child(1) {
                            width: .375rem;
                            height: .375rem;
                            background: url(../image/denglu/yonghu.png) no-repeat;
                            background-size: 100% 100%;
                            margin: 0 0 0 .25rem;
                        }

                        & p:nth-child(2) {
                            width: 80%;
                            height: 30%;
                            margin: 0 0 0 .25rem;

                            & input {
                                width: 100%;
                                height: 100%;
                                background: rgba(209, 217, 219, 0);
                                color: #e3e3e3;
                                padding-left: 0.2rem;

                            }

                        }


                    }

                    & li:nth-child(2) {
                        width: 90%;
                        height: 1rem;
                        background: rgba(91, 192, 221, 0.2);
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        margin: 0.2rem 0 0 0;
                        border: .0125rem solid #0cf0ff;
                        margin: 0.2rem auto 0;

                        & p:nth-child(1) {
                            width: .375rem;
                            height: .375rem;
                            background: url(../image/denglu/mima.png) no-repeat;
                            background-size: 100% 100%;
                            margin: 0 0 0 .25rem;
                        }

                        & p:nth-child(2) {
                            width: 80%;
                            height: 30%;
                            margin: 0 0 0 .25rem;

                            & input {
                                width: 100%;
                                height: 100%;
                                background: rgba(209, 217, 219, 0);
                                color: #e3e3e3;
                                padding-left: 0.2rem;

                            }

                        }
                    }

                    & li:nth-child(3) {
                        width: 90%;
                        height: 0.6rem;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        margin: 0.1rem auto 0;

                        & p:nth-child(1) {
                            width: .25rem;
                            height: .25rem;
                            background: url(../image/denglu/xuanze.png) no-repeat;
                            background-size: 100% 100%;
                        }

                        & p:nth-child(2) {
                            width: .25rem;
                            height: .25rem;
                            background: url(../image/denglu/kuanzhong.png) no-repeat;
                            background-size: 100% 100%;
                            display: none;
                        }

                        & p:nth-child(3) {
                            font-size: .23rem;
                            color: #e3e3e3;
                            margin: 0 0 0 0.2rem;
                        }
                    }

                    & li:nth-child(4) {
                        width: 90%;
                        height: 0.76rem;
                        background: #0cf0ff;
                        font-size: .3rem;
                        color: #001A2E;
                        text-align: center;
                        line-height: 0.76rem;
                        font-family: PingFangSC-Medium, PingFang SC;
                        margin: 0 auto;
                    }
                }
            }
        }
    }
}